/**
* 签到记录表
* @author truexin
* @date   16/08/18
*/
.calendar-cover {
    .fc {
        background: #fff;
    }
    .fc-day-grid-container { //日历table高度定制

        height: auto !important;
        margin-bottom: .1rem;
    }
    .fc-toolbar .fc-center {
        width: 100%;
        position: absolute;
        left: -.8rem;
        top: .09rem;
        button {
            margin: 0;
        }
    }

    #select { //自己添加的select
        position: absolute;
        left: .1rem;
        top: .05rem;
        z-index: 99999;
        font-size: .25rem;
        background: transparent;
        color: #fff;
    }

    .staff-name { //员工名字
        position: absolute;
        right: .2rem;
        top: .21rem;
        font-size: .18rem;
        color: #fff;
    }

    #calendar td {
        text-align: center;
    }

    .fc-toolbar {
        background: #2cc57b;
        margin: 0;
        height: .6rem;
    }

    .fc-toolbar h2 {
        font-weight: 200;
        font-size: .25rem;
    }

    /*    这个是包含title的div,有不只含有title时才会有这个div,因为没有class,只好这样写了*/
    .fc-center > div:first-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: .395rem;
        color: #fff;
    }

    .fc-toolbar button:focus {
        outline: none;
    }

    .fc-toolbar button {
        background: transparent;
        height: .5rem;
        line-height: .5rem;
        border: 0;
        font-size: .15rem;
        box-shadow: none;
    }

    .fc-icon::after {
        font-weight: normal;
        color: #fff;
    }

    .fc-head-container.fc-widget-header {
        .fc-row.fc-widget-header {
            border-bottom: 1px solid #ddd;
        }
    }

    .fc-head .fc-head-container {
        border: 0;
    }

    .fc-head .fc-row {
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */

        -ms-flex-direction: column;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;

        height: .5rem;
        background: #fff;
    }

    #calendar .fc-body {
        border-right: none;
    }

    .fc-body .fc-row .fc-bg .fc-day > span {
        height: .05rem;
        position: absolute;
        left: 0;
    }

    .fc-basic-view .fc-body .fc-row {
        position: relative;
    }

    .fc-row .fc-content-skeleton {
        position: absolute;
        top: .18rem;;
        bottom: 0;
        margin: auto 0;
        padding-bottom: 0;
        height: 60%;
    }

    .fc-basic-view td.fc-day-number {
        padding: 0;
    }

    .fc-row .fc-day-number { //每天数字样式
        font-size: .2rem;
        font-weight: 200;
        color: #3b3b3b;
    }

    .fc-ltr .fc-basic-view .fc-today {
        color: #2cc57b;
        background: #fff;
    }

    .inline-block {
        display: inline-block;
        width: 100%;
        margin: auto;
    }

    .intro {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-around;
        margin: .175rem .07rem;
    }

    .signed {
        color: #33cc99;
        background: #33cc99;
    }

    .relax {
        color: #e8e8e8;
        background: #e8e8e8;
    }

    .missed {
        color: #ff3300;
        background: #ff3300;
    }

    .signed-intro > .inline-block, .relax-intro > .inline-block, .missed-intro > .inline-block {
        width: .3rem;
        margin-right: .15rem;
        height: .1rem;

    }
    .fc-body .fc-row .fc-bg .fc-day > span { //休息样式
        height: .07rem !important;
        width: 90%;
        left: .01rem;
        right: .01rem;
    }
    .signed-intro {
        > .inline-block {
            border: 1px solid #33cc99;
        }
    }
    .relax-intro {
        > .inline-block {
            border: 1px solid #d5d5d5;
        }
    }
    .missed-intro {
        > .inline-block {
            border: 1px solid #ff3300;
        }
    }

    .fc-body .fc-row .fc-bg .fc-day > span {
        height: .1rem;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .person-name {
        height: .2rem;
        line-height: .2rem;
    }

    .fc-head .fc-row {
        height: .35rem;
        line-height: .35rem;
        font-weight: 400;
    }
    .fc th, .fc td {
        border: none;
    }
    .fc-row.fc-widget-header table tr {
        height: .15rem;
        background: #fff;
        border: none;
        th {
            color: #b5b5b5;
            font-weight: 200;
            font-size: .17rem;
        }
    }
    .fc-basic-view .fc-body .fc-row {
        min-height: .6rem;
    }
    .fc-row .fc-content-skeleton {
        position: absolute;
        top: .18rem;
        bottom: 0;
        margin: auto 0;
        padding-bottom: 0;
    }
    .fc-event {
        position: relative;
        display: block;
        left: 0;
        bottom: -.1rem;
        height: .05rem;
        border-radius: 0;
        font-weight: normal;
    }
    #mask-box {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        background: rgba(100, 100, 100, .5);
        padding-top: 2rem;

        .flex {
            width: 80%;
            background: #fff;


            p {
                margin: 0;
                height: .5rem;
                line-height: .5rem;
                color: #777;
                font-size: .15rem;
                border-bottom: 1px solid #ddd;
                &:last-child{
                    flex: 2;
                }
            }
            &#close {
                p {
                    background: #33cc99;
                    border-bottom: 1px solid #33cc99;
                    color: #fff;
                }
            }
        }
        .strange {
            width: 80%;
            color: #ff3300 !important;
        }
    }
    .show-list {
        height: 1rem;
        background: #fff;
        width: 80%;
        overflow: auto;
        .flex {
            width: 100%!important;
        }
    }
    .fc-toolbar button:first-child { //左右切换月份
        padding-left: .6rem;
    }
    .fc-toolbar button:last-child { //左右切换月份
        padding-right: .45rem;
    }
}


 